<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            background-color: #2A3950;
        }

        .des {
            color: white;
            font-size: 20px;
            margin: 10px;
        }

.strong {
    display: inline-block;
    color: red;
    border: 1px solid yellow;
    padding: 10px;
    margin: 20px;
    background-color: antiquewhite;
    width: 150px;
    height: 80px;
}
    </style>
</head>

<body>
    <p class="des">《前端小课》是一本关于前端入门到进阶的<span class="strong">多媒体电子书</span>，通过公众号的形式呈现内容，并与粉丝形成互动，推动读者自我驱动，利用
        业余时间学习前端，迎合大前端的浪潮。
    </p>
</body>

</html>